<template>
	<div class="index">

		<div class="center">
			<left></left>
			<div class="right">
          <top></top>
			</div>
		</div>
		<!-- <foot></foot> -->
    <notice></notice>
	</div>
</template>

<script>
	import axios from 'axios'
	import top from '@/components/top.vue'
	import left from '@/components/left.vue'
	import foot from '@/components/foot.vue'
  import notice from '@/components/notice.vue'
	export default{
		components: {
			"left": left,
			"top": top,
			"foot": foot,
      "notice": notice
		},
		name: 'index',
		data(){
			return{

			}
		},
		created() {

		},
		methods:{

		}
	}
</script>

<style lang="scss" scoped>
	.index{ background: #F4F4F4;
		.center{ width: 100%; margin: 0 auto; display: flex; justify-content: space-between; background: #F4F4F4;
      .left{ width: 200px; height: 100vh; overflow-y: auto;}
			.right{ width: calc(100vw - 210px); height: 100vh; overflow-y: auto;
        
			}
		}
	}
</style>
